/* pages/process/process-finish/process-finish.wxss */
page{
  background: var(--bg-color);
}
.process-finish{
  padding: 20rpx 32rpx;
  .finish-time{
    display: flex;
    padding: 16rpx 48rpx;
    font-size: 28rpx;
    background: #fff;
    margin-bottom: 25rpx;
    border-radius: 10rpx;
    view{
      color: #051920;
      margin-right: 28rpx;
    }
    text,input{
      color: #8E8E93;
      flex: 1;
    }
  } //finish-time end
  .time-info{
    padding: 0 48rpx;
    font-size: 28rpx;
    color: #8E8E93;
  }
  .finish-remark{
    padding: 16rpx 48rpx;
    font-size: 28rpx;
    background: #fff;
    border-radius: 10rpx;
    margin-bottom: 30rpx;
    color: #8E8E93;
    textarea{
      height: 250rpx;
      color: #000;
    }
    .remark-upload{
      display: flex;
      justify-content: space-between;
      .upload-button{
        width: 120rpx;
        line-height: 120rpx;
        padding: 0;
        text-align: center;
        border: 1px dashed #ccc;
        background: #fff;
        margin-right: 40rpx;
      }
      .upload-imglist{
        overflow: hidden;
        flex: 1;
        .imglist-scroll{
          display: flex;
        }
        image{
          width: 120rpx;
          height: 120rpx;
          margin-right: 20rpx;
          position: relative;
          .icon{
            position: absolute;
            right: -2rpx;
            top: -5rpx;
            z-index: 1;
          }
        }
      }
    }
  }

  .finish-commit{
    margin-top: 200rpx;
    button{
      width: 100%;
      line-height: 88rpx;
      font-size: 36rpx;
      background: #F6A526;
      color: #fff;
    }
  }
}